<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>${param.title}</title>
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/structure.css">
<link rel="stylesheet" type="text/css" href="./css/styleWordsDisplay.css">
<link rel="stylesheet" href="./css/style.css"type="text/css" media="screen" />
<link href="./css/styleTabPanel.css" type="text/css" rel="stylesheet" />
<link href="./css/demo_page.css" rel="stylesheet" type="text/css" />
<link href="./css/demo_table.css" rel="stylesheet" type="text/css" />
<link href="./css/demo_table_jui.css" rel="stylesheet" type="text/css" />
<link href="./css/jquery-ui.css" rel="stylesheet" type="text/css" media="all" />
<link href="./css/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" media="all" />
<link href="./css/ColumnFilterWidgets.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./lib/jquery.js"></script>
<script type="text/javascript" src="./lib/script.js"></script>
<script src="./lib/tabPanel.js" type="text/javascript"></script>
<script src="./lib/ColumnFilterWidgets.js" type="text/javascript"></script>
<script src="./lib/jquery.dataTables.rowGrouping.js" type="text/javascript"></script>
<script src="./lib/jquery.js" type="text/javascript"></script>
<script src="./lib/jquery.dataTables.min.js" type="text/javascript"></script>
<script type="text/javascript">
var oTable;
$(document).ready(function() {
	oTable =  $("#example").dataTable({
	        "sPaginationType": "full_numbers",
	        "bJQueryUI": true,
	        "sDom": 'W<"clear">rtip',
			"bStateSave": true
	    });
	
	oTable.$('tr').click( function () {
	var data = oTable.fnGetData(4 );
	alert(data[4]);
	} );
} );
</script>